<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link href="../css/common.css" rel="stylesheet">
		<link href="../css/base.css" rel="stylesheet">
		<link href="../plugin/slide/css/slide.css" rel="stylesheet">
		<link href="../css/shophome.css" rel="stylesheet">
		<style>
			.ZZHT-container {
				width: 1200px;
			}
			
			.search_box {
				float: right;
				padding-top: 25px;
				padding-right: 40px;
			}
			
			.search_box input {
				height: 30px;
				line-height: 28px;
				border: none;
				border-bottom: 1px solid #aaa;
				width: 300px;
			}
			
			.search_box button {
				height: 30px;
				border: 1px solid #aaa;
				line-height: 28px;
				padding: 0 15px;
				border-radius: 6px;
				background-color: transparent;
				box-shadow: 0 0;
				margin-left: 15px;
				color: #aaa;
				cursor: pointer;
			}
			
			.search_box .search_shop {
				border-color: #D0260C;
				color: #D0260C;
			}
		</style>
		<style>
			/*排序*/
			.second-center-top {
			  width: 952px;
			  height: 48px;
			  line-height: 30px;
			  float: left;
			  background: #FFFFFF;
			  -moz-user-select: -moz-none;
			  -khtml-user-select: none;
			  -webkit-user-select: none;
			
			   /*
			     Introduced in IE 10.
			     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
			   */
			   -ms-user-select: none;
			   user-select: none;
			}
			.second-sxa {
				float: left;
				font-size: 14px;
				padding-top: 10px;
			}
			
			.second-sxa div {
				cursor: pointer;
				float: left;
				padding: 0 20px;
			}
			
			.zh {
				height: 32px;
				text-align: center;
				border-right: 1px solid #EBEBEB;
				color: #ED5D2A;
			}
			
			.xl {
				height: 32px;
				text-align: center;
				border-right: 1px solid #EBEBEB;
			}
			
			.jg {
				height: 32px;
				text-align: center;
				border-right: 1px solid #EBEBEB;
			}
			
			.pls {
				height: 32px;
				text-align: center;
				border-right: 1px solid #EBEBEB;
			}
			
			.rq {
				height: 32px;
				text-align: center;
				border-right: 1px solid #EBEBEB;
			}
			
			.sjsj {
				height: 32px;
				text-align: center;
				border-right: 1px solid #EBEBEB;
			}
			
			.jgqj {
				float: left;
				margin-left: 10px;
				padding-top: 10px;
				position: relative;
			}
			
			.ZZHT-price-ipt1 {
				position: absolute;
				left: 4px;
				top: 12px;
			}
			
			.ZZHT-price-ipt2 {
				position: absolute;
				right: 103px;
				top: 12px;
			}
			
			.jgqj .min {
				width: 60px;
				height: 24px;
				border: 1px solid #EBEBEB;
				outline: none;
				margin-right: 5px;
				padding-left: 10px;
			}
			
			.jgqj .max {
				width: 60px;
				height: 24px;
				border: 1px solid #EBEBEB;
				outline: none;
				margin-left: 5px;
				padding-left: 15px;
			}
			
			.qdbtn {
				width: 48px;
				margin-top: 3px;
				height: 24px;
				line-height: 24px;
				background: #EA5404;
				border-radius: 5px;
				margin-left: 10px;
				float: right;
				color: #FFFFFF;
				text-align: center;
				cursor: pointer;
			}
			
			.sx {
				float: left;
				margin-left: 10px;
				padding-top: 10px;
				display: flex;
			}
			
			.sx input {
				margin: 10px 5px 0 5px !important;
			}
		</style>
	</head>

	<body>
		<div id="header"></div>
		<!--主体-->
		<div id="app">
			<div class="ZZHT-container">
				<div class="ZZHT-shop-h">
					<div class="ZZHT-shop-img">
						<a href="#none" v-if="shopInfo.logo">
							<img v-if="shopInfo.logo.substr(0,4)=='http'" class="shopsImg" :title="shopInfo.shopName" :src="shopInfo.logo" style="display: inline;">
							<img v-else class="shopsImg" :title="shopInfo.shopName" :src='"http://zzhtwl.oss-cn-qingdao.aliyuncs.com/"+shopInfo.logo' style="display: inline;">
						</a>
					</div>
					<div class="ZZHT-shop-info">
						<p>{{shopInfo.shopName}}</p>
						<div class="ZZHT-shop-info2">
						</div>
						<div class="ZZHT-shop-info3">
							<span class="ZZHT-shop-eva">商品评价：<span class="ZZHT-shop-red">{{shopInfo.goodsScore}}</span></span>
							<span class="ZZHT-shop-eva">时效评价：<span class="ZZHT-shop-red">{{shopInfo.timeScore}}</span></span>
							<span class="ZZHT-shop-eva">服务评价：<span class="ZZHT-shop-red">{{shopInfo.serviceScore}}</span></span>
							<a href="javascript:void(0);" :id='"addFavorite_"+shopInfo.shopId' @click="addFavorite(1,shopInfo.shopId)" class="ZZHT-shop-evaa j-fav2">收藏店铺</a>
						</div>
					</div>
					<div class="search_box">
						<input type="text" class="search_val" placeholder="搜索商品" />
						<button type="button" class="search_shop">搜本店</button>
						<button type="button" class="search_all">搜全站</button>
					</div>
					<div class="ZZHT-clear"></div>
				</div>
			</div>
			<div class="ZZHT-header" style="height: 35px;">
				<div class="ZZHT-shop-nav">
					<div class="ZZHT-nav-box">
						<a href="../view/index.html">
							<li class="liselect ZZHT-lfloat ZZHT-nav-boxa">商城首页</li>
						</a>
						<!--<a class="homepage" href="../view/index.html">返回商城首页</a>-->
						<a href="#none" @click="changeCatId('')">
							<li class="liselect ZZHT-lfloat">本店全部商品</li>
						</a>
						<a v-for="(v,i) in menu" href="#none" v-if="v.parentId==0" @click="changeCatId(v.catId)">
							<li class="liselect ZZHT-lfloat">{{v.catName}}</li>
						</a>
						<div class="ZZHT-clear"></div>
					</div>
				</div>
				<div class="ZZHT-clear"></div>
			</div>
			<div class="ZZHT-container">
				<!--轮播图-->
				<!--<div class="s-ZZHT-slide" id="s-ZZHT-slide" style="width:100%;float:right;height:512px;overflow:hidden;">
					<ul class="s-ZZHT-slide-items">
						<li v-for="v in carousel" v-if="carousel.length>0">
							<img v-if="v.substr(0,4)=='http'" :src='v' width='100%'></img>
							<img v-else :src='"http://zzhtwl.oss-cn-qingdao.aliyuncs.com/"+v' width='100%'></img>
						</li>
					</ul>
				</div>-->
				<div class="ZZHT-clear"></div>
				<div class="ZZHT-shop-contl">
					<div class="ZZHT-shop-cat">
						<p class="ZZHT-shop-conlp">店铺分类</p>
						<div class="ZZHT-shop-catt">
							<template v-for="v in menu" v-if="v.parentId==0">
								<li :onclick='"javascript:dropDown(this,"+v.catId+");"' @click="changeCatId(v.catId)" class="js-shop-plus">{{v.catName}}</li>
								<div :class='"ZZHT-shop-catts tree_"+v.catId'>
									<a href="#none" v-for="item in menu" v-if="item.parentId==v.catId" @click="changeCatId(v.catId)">
										<li>{{item.catName}}</li>
									</a>
								</div>
							</template>
						</div>
					</div>
					<div class="ZZHT-shop-best clearfix">
						<p class="ZZHT-shop-conlp">热卖商品</p>

						<div class="ZZHT-shop-bestg" v-for="v in shop_hot">
							<a class="item" :href='"detail.html?goodsId="+v.goodsId' target="_blank">
								<div class="ZZHT-shop-besti">
									<img class="goodsImg" :title="v.goodsName" :alt="v.goodsName" v-if="v.goodsImg.substr(0,4)=='http'" :src="v.goodsImg" style="display: inline;">
									<img class="goodsImg" :title="v.goodsName" :alt="v.goodsName" v-else :src='imgUrlS+v.goodsImg' style="display: inline;">
								</div>
							</a>
							<a :href='"detail.html?goodsId="+v.goodsId'>
								<p class="ZZHT-shop-bestgp1">{{v.goodsName}}</p>
							</a>
							<!--<p class="ZZHT-shop-bestgp2">已售出<span class="ZZHT-shop-bestpi">55</span>件</p>-->
							<p class="ZZHT-shop-bestgp2"><span class="ZZHT-shop-bestpr">￥{{v.shopPrice}}</span><span class="ZZHT-shop-bestpr2">￥{{v.marketPrice}}</span></p>
						</div>

						<div class="ZZHT-clear"></div>
					</div>
				</div>
				<div class="ZZHT-shop-contr">
					<div class="ZZHT-shop-list">
						<div class="second-center-top">
							<div class="second-sxa">
								<div class="zh" data-type="">
									综合
								</div>
								<div class="xl" data-type="saleNum">
									<span>销量</span>
									<img src="../images/second/allSecond_downNo.png" />
								</div>
								<div class="jg" data-type="shopPrice">
									<span>价格</span>
									<img src="../images/second/allSecond_downNo.png" />
								</div>
								<div class="pls" data-type="appraiseNum">
									<span>评论数</span>
									<img src="../images/second/allSecond_downNo.png" />
								</div>
								<div class="rq" data-type="visitNum">
									<span>人气</span>
									<img src="../images/second/allSecond_downNo.png" />
								</div>
								<div class="sjsj" data-type="ssaleTime">
									<span>上架时间</span>
									<img src="../images/second/allSecond_downNo.png" />
								</div>
							</div>
							<div class="jgqj">
								<input type="number" class="min" placeholder="￥" /> -
								<input type="number" class="max" placeholder="￥" />
								<div class="qdbtn">
									确定
								</div>
							</div>
							<div class="sx">
								<input type="checkbox" class="goods_stock" onclick="changeStock()" />
								<p>只显示有货商品</p>
								<input type="checkbox" class="new_obj" onclick="changeNew()" />
								<p>新品</p>
							</div>
						</div>

						<div class="ZZHT-clear"></div>
						<div class="ZZHT-shop-listg" v-cloak>
							<div class="ZZHT-shop-goods" v-for="v in main">
								<div class="ZZHT-shop-goimg">
									<a :href='"detail.html?goodsId="+v.goodsId' target="_blank">
										<img class="goodsImg" :title="v.goodsName" v-if="v.goodsImg.substr(0,4)=='http'" :src="v.goodsImg" style="display: inline;">
										<img class="goodsImg" :title="v.goodsName" v-else :src="imgUrlS+v.goodsImg" style="display: inline;">
									</a>
									<a href="#none" @click=""><span class="js-cart" style="display: none;">加入购物车</span></a>
								</div>
								<p class="ZZHT-shop-gonam">
									<a :href='"detail.html?goodsId="+v.goodsId' target="_blank">{{v.goodsName}}</a>
								</p>
								<p class="ZZHT-shop-goodp1 clearfix"><span class="ZZHT-shop-goodpr fl">￥{{v.shopPrice}}</span><span class="ZZHT-rfloat fl">成交数：<span class="ZZHT-shop-goodpr2">{{v.saleNum}}</span></span>
								</p>
								<p class="ZZHT-shop-goodp2 clearfix"><span class="ZZHT-shop-goodpr3 fl">市场价 ￥{{v.marketPrice}}</span><span class="ZZHT-rfloat fl">已有<span class="ZZHT-shop-goodpr4">{{v.appraiseNum}}</span>人评价</span>
								</p>
							</div>
							<div class="ZZHT-clear"></div>
						</div>
					</div>
				</div>
				<div class="ZZHT-clear"></div>
			</div>
			<div id="pager" style="text-align: center;"></div>
		</div>
		<div id="ck1"></div>
		<div id="ck3"></div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<!--<script type="text/javascript" src="../js/carousel.js"></script>-->
		<script type="text/javascript" src="../js/qrcode.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/common_view.js"></script>
		<script type="text/javascript" src="../plugin/layer/layer.js"></script>
		<!--<script type="text/javascript" src="../plugin/slide/js/slide.js"></script>-->

		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script type="text/javascript" src="../js/shophome.js"></script>
		<script src="../js/lxs_jk.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/shop_home.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			

		</script>

	</body>

</html>